{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <!--<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">-->
    <link rel="icon" href="{% static 'jingsongimg/logo.png' %}">
    <title>{% block title %}{% endblock %}</title>
    {% block css %}{% endblock %}

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-163757391-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-163757391-1');
    </script>

    <style>
        body {
            background-color: rgb(250, 252, 246);
            min-width: 1440px;
        }
        #header {
            background: url({% static 'jingsongimg/yemei.jpg' %});
            background-size: cover;
            background-repeat: no-repeat;
            margin-bottom: 0;
            padding: 3.2% 0;
        }
        .header-li {
            background-color: rgb(241, 243, 237);
            width: 16%;
            margin: 0 1px;
        }
        .header-a {
            font-size: 14px;
            color: rgb(44, 44, 44);
        }
        #footer {
            background: url({% static 'jingsongimg/yewei.png' %});
            background-size: cover;
            background-repeat: no-repeat;
        }
        .footer-span {
            font-size: 12px;
            color: rgb(109, 91, 80);
        }
        .footer-a {
            font-size: 12px;
            color: rgb(109, 91, 80);
        }
        .footer-hr {
            height: 78px;
            width: 1px;
            background-color: rgb(109, 91, 80);
            margin: 0 auto;
            padding: 0;
        }
        @media (max-width: 768px) {
            #header {
                background: url({% static 'jingsongimg/jsnav.jpg' %});
                background-size: 100%;
                background-repeat: no-repeat;
                padding: 8.8% 0;
            }
            #footer {
                background: url({% static 'jingsongimg/yewei.jpg' %});
                background-size: 100%;
                background-repeat: no-repeat;
                padding: 5% 0;
            }
        }
    </style>

</head>
<body>
    {% include 'jingsongshuyuan/navbar.html' %}

    <div class="container-fluid">
        {% block content %}
        {% endblock %}
    </div>

    {% include 'jingsongshuyuan/footer.html' %}

    <script type="text/javascript" src= "{% static 'js/jquery-3.4.1.min.js' %}"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
    <script src="{% static 'js/lowpoly.js' %}" type="text/javascript"></script>
    {% block javascript %}{% endblock %}
</body>
</html>